{extend name="public:layout" /}

{block name="title"}销售漏斗{/block}

{block name="head"}

<link rel="stylesheet" href="/public/home/plugins/amazeui/css/shuju.css">
<link rel="stylesheet" href="/public/home/plugins/amazeui/css/amazeui.min.css">
<link rel="stylesheet" href="/public/home/plugins/amazeui/css/index.css">
{/block}

{block name="body"}
<!--头部-->
<!--<header data-am-widget="header"
        class="am-header am-header-default" style="background: #fff;box-shadow:0px -13px 26px -2px; ">
    <div class="am-header-left am-header-nav" onclick="history.back(-1)">
        <span class="icon iconfont icon-xiangzuojiantou" style="color: #424242;font-size: 20px;"></span>
    </div>
    <h1 class="am-header-title" style="color:#424242;">
       数据详情
    </h1>
    <div class="am-header-right am-header-nav">
        <a href="../xuanzedianpu/xuzedianpu.html" style="color:#EF8E65;">切换店铺</a>
    </div>
</header>-->
<body style="background: #eee;">
    <div class="am-g" style="background: #fff;height: 50px;line-height: 50px;">
        <div class="am-u-sm-4">
            <!--今日<span class="icon iconfont icon-xiangxiajiantou"></span>-->
            <div class="am-form-group">
                <select id="doc-select-1" required style="border: none;outline: none;">
                    <option value="">今日</option>
                    <option value="option1">明日</option>
                    <option value="option2">昨日</option>
                </select>
                <span class="am-form-caret"></span>
            </div>
        </div>
        <div class="am-u-sm-8">
            <!--居然之家春天店<span class="icon iconfont icon-xiangxiajiantou"></span>-->
            <div class="am-form-group">
                <select id="doc-select-2" required style="border: none;outline: none;">
                    <option value="">居然之家春天店</option>
                    <option value="option1">居然之家春天店</option>
                    <option value="option2">居然之家春天店</option>
                </select>
                <span class="am-form-caret"></span>
            </div>
        </div>
    </div>
    <div class="am-g" style="border-top:10px solid #eee ;background: #fff;height: 150px;padding: 25px 0px;">
        <div class="am-u-sm-8">
            <div class="am-g">
                <div class="am-u-sm-12" style="font-weight: 600;font-size: 20px;">
                    成交额分析
                </div>
                <div class="am-u-sm-12" style="font-size: 14px;">
                    9月成交额：36,000,000元
                </div>
                <div class="am-u-sm-12" style="font-size: 14px;">
                    9月成交额增长：20,000元
                </div>
            </div>
        </div>
       <div class="am-u-sm-4">
           <div class="am-g">
               <div class="am-u-sm-12" style="font-size:35px;color:#97E5F1; ">
                   9%
               </div>
               <div class="am-u-sm-12" style="font-size: 14px;">
                   同比增长3%
               </div>
           </div>

       </div>

    </div>
    <div class="shujutubiao" style="background: #ddd;height: 200px;">

    </div>
    <div class="am-g" style="background: #fff;">
    <p style="font-weight: 600;margin-top: 10px;padding-left: 10px;font-size: 20px;">成交额详细数据</p>
        <div class="am-u-sm-12" style="font-size:35px;color:#97E5F1;text-align: center; ">
            9%
        </div>
        <div class="am-u-sm-12" style="font-size: 14px;text-align: center; ">
            同比增长3%
        </div>
        <p style="margin: 0px;padding-left: 10px;">9月成交额：36,000,000</p>
        <p style="margin: 0px;padding-left: 10px;">9月成交额增长：20,000</p>
        <p style="margin: 0px;padding-left: 10px;">9月成交量：200</p>
        <p style="margin: 0px;padding-left: 10px;margin-bottom: 10px;">同比增长：3%</p>
    </div>
<!--底部-->

    <!--底部-->
    {include file="public/foot"/}
    {/block}

    {block name="script"}



    {/block}